<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false"%>

<html>
<head>
<title>upload csv file</title>
</head>
<link rel="stylesheet"
	href="<c:url value="/resources/css/csv/upload.css"/>" />

<!-- jquery -->
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<!--  local js-->
<script type="text/javascript"
	src="<c:url value="/resources/js/csv/upload.js" />"></script>


<body>

	<section class="container">
	<form action="<c:url value="/csv/uploadFile" />" method="post" enctype="multipart/form-data" >
			<div class="form-group">
				<label for="file"> Select a file to upload:</label> <input
					type="file" name="file" id="file"  accept="csv"/>
			
				<label for="fileName"> Input a file name:</label> <input
					type="input" name="fileName" id="fileName"
					placeholder="give a file name" class="form-control" />
					
				<div id="additionalFlie"></div>
			</div>
			<div class="form-group">
				<td><input type="button" value="addFile" class="btn btn-default" id="add-btn"></td>
				<td><input type="submit" value="Upload" class="btn btn-default" id="upload-btn"></td>
				<td><input type="button" value="Upload" class="btn btn-default" id="upload-btn"></td>
			</div>
			
			<div id="checkUpload"></div>
			</form>
	</section>

</body>
</html>